<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>试卷信息管理</title>
		<link rel="stylesheet" href="../layui/css/layui.css" media="all">
		<style type="text/css">
		.not_border_left {
			border-left: none !important;
			overflow: hidden;
		}
		.examintionpaper-con{
			padding:0 15px 15px 15px;
		}
		.layui-table-view{
			border: none;
		}
		.layui-table-box{
			margin-top: 10px;
		}
		.layui-table-body table tbody .layui-table-hover{
			background: #fffdd3 !important;
		}
		.layui-table-body table tbody .layui-table-click{
			background: #fdef9b !important;
		}
		.layui-table-tool-self{display: none;}
		.addexappaper-con{
			padding: 10px;
			display: none;
			width: 80%;
		}
		.layui-form-item .required {
			color: #ffb800;  
			font-size: 32px; 
			float: left; 
			margin-left: 5px; 
			margin-top: -30px;
			position: absolute;
			right: -15px;
		}
		.changedimension-con{
			padding: 10px;
			display: none;	
		}
		
		
		/* 点击查看试卷 */
		.divpapercontainer-max .layui-layer-page .layui-layer-content{
			height: 100% !important;
		}
		.container {
			width:80%;
			margin: 0 auto;
			display:none;
			max-height: 200px;
		}
		header {
			box-shadow: 0px 0px 10px rgba(204, 204, 204);
			margin-bottom: 20px;
			margin-top: 10px;
			background-color: #22a8d0;
			color: #fff;
		}
		header h1 {
			text-align: center;
			padding: 15px;
		}
		header div {
			padding: 20px 0 30px 15px;
		}
		.content {
			box-shadow: 0px 0px 10px rgba(204, 204, 204);
			padding: 10px;
			margin-bottom: 20px;
			background: #fff;
		}
		.content fieldset b {
			color: red;
		}
		.content fieldset span {
			font-size: large;
			font-family: "微软雅黑";
		}
		.content fieldset ul {
			padding-left: 20px;
		}
		.layui-form-radio {
			margin: 0 !important;
		}
		fieldset {
			border: 1px solid #ddd;
			margin: 20px;
		}
		
		
		/* 2019/3/6 djf 添加 */
		.tabdimension tbody tr td:first-child{
			text-align: right;
			width: 100px;
		}
		</style>
	</head>
	<body>
		<!--试卷信息主体部分Start-->
		<div class="examintionpaper-con">
			<blockquote class="layui-elem-quote not_border_left">
				<form class="layui-form" action="">	
					<div class="layui-inline">					
						<div class="layui-input-inline">
							<input id="inpselexampaper" type="text" autocomplete="off" placeholder="请输入试卷名称" class="layui-input">
						</div>
						<div class="layui-inline" style="margin-left: 10px;">
							<button id="btnselexampaper" class="layui-btn layui-bg-blue" type="button">查询</button>							
						</div>
						<div class="layui-inline" style="margin-left: 30px;">
							<button id="btnaddexampaper" class="layui-btn layui-bg-blue" type="button">试卷添加</button>							
						</div>
					</div>			
				</form>
			</blockquote>
			
			<script type="text/html" id="usageTypeBar">
				<span>{{ d.usageType=="back_paper" ? '后台组卷' : '大众端组卷' }}</span>
			</script>
			
			<table class="layui-hide" id="tabexampaper" lay-filter="tabexampaper"></table>
			<script type="text/html" id="barDemo">
				<a class="layui-btn layui-bg-blue layui-btn-xs" lay-event="select">查看</a>
				<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
			</script>
		</div>
		<!--试卷信息主体部分End-->

  		<!--试卷维度选择--弹窗Start-->
  		<div class="changedimension-con" id="changedimensioncon">
  			<form class="layui-form" action="">
  			<table class="layui-table tabdimension">
			    <tbody id="tbodydimension">
				   <!--  <tr>
				        <td>学习焦虑</td>
				        <td>
				        	<input name="item1" type="radio" value="true" title="A卷" />
		     				<input name="item1" class="radsingleParen" type="radio" value="false" title="B卷"/>
		     				<input name="item1" class="radsingleParen" type="radio" value="false" title="B卷"/>
				        </td>
				    </tr>
			    	<tr>
				        <td>学习焦虑</td>
				        <td>
				        	<input name="item2" type="radio" value="true" title="A卷" />
		     				<input name="item2" class="radsingleParen" type="radio" value="false" title="B卷"/>
		     				<input name="item2" class="radsingleParen" type="radio" value="false" title="B卷"/>
				        </td>
				    </tr>
				    <tr>
				        <td>学习焦虑</td>
				        <td>
				        	<input name="item3" type="radio" value="true" title="A卷" />
		     				<input name="item3" class="radsingleParen" type="radio" value="false" title="B卷"/>
		     				<input name="item3" class="radsingleParen" type="radio" value="false" title="B卷"/>
				        </td>
				    </tr>
				    <tr>
				        <td>学习焦虑</td>
				        <td>
				        	<input name="item5" type="radio" value="true" title="A卷" />
		     				<input name="item5" class="radsingleParen" type="radio" value="false" title="B卷"/>
		     				<input name="item5" class="radsingleParen" type="radio" value="false" title="B卷"/>
				        </td>
				    </tr> -->
			    </tbody>
			  </table>
			  </form>
  		</div>
  		<!--试卷维度选择--弹窗End-->
		
		<!--添加试卷弹窗Start-->
		<div id="addexappapercon" class="addexappaper-con">
			<form class="layui-form" action="">
			<div class="layui-form-item">
				<label class="layui-form-label">试卷名称</label>
				<div class="layui-input-block">
					<input id="inppaperName" type="text" placeholder="请输入试卷名称" class="layui-input" autocomplete="off">
					<i class="required">*</i>
				</div>
			</div>
		  	<div class="layui-form-item">
			    <label class="layui-form-label">试卷描述</label>
			    <div class="layui-input-block">
			    	<textarea id="txtpaperDescribe" placeholder="请输入试卷描述" class="layui-textarea"></textarea>
			    	<i class="required">*</i>
			    </div>
		  	</div>
		  	<div class="layui-form-item">
		  		<div class="layui-block layui-col-xs10">
					<label class="layui-form-label">选择卷类</label>
					<div class="layui-input-block">
						<input id="inpchangedimensionids" type="text" class="layui-input" style="display:none">						
						<input id="inpchangedimension" type="text" placeholder="请选择试卷维度卷类" class="layui-input" autocomplete="off">						
					</div>
				</div>
				<button id="btnadddimension" class="layui-btn layui-bg-blue layui-col-xs2" type="button">试卷维度添加
					<i class="required" style="margin-top: 0;">*</i>
				</button>
		  	</div>
		  	<div class="layui-form-item">
				<label class="layui-form-label">使用等级</label>
				<div class="layui-input-block">
					<input id="inpusageLevel" type="text" placeholder="请输入试卷使用等级" class="layui-input" autocomplete="off">
				</div>
			</div>
		  	<!-- <div class="layui-form-item">
			    <label class="layui-form-label">使用类型</label>
			    <div class="layui-input-block">
			    	<input id="inpusageType" type="text" placeholder="请输入试卷使用类型" class="layui-input" autocomplete="off">
			    </div>
		  	</div> -->
			</form>
		</div>
		<!--添加试卷弹窗Start-->
		
		<!-- 查看组卷信息-窗Start -->
		<div class="divpapercontainer-max">
		<div class="container" id="papercontainer">
			<header class="layui-row">
				<h1 id="papercontainertitle">Achenbach儿童行为问卷</h1>
				<div>
					<em id="papercontainerdescr">Achenbach 儿童行为量表主要用于筛查儿童的社交能力和行为问题，国内主要应用于家长。请家长根据实际情况如实作答。</em>
				</div>
			</header>
			<div class="content" style="margin-bottom:100px">
				<form class="layui-form" action="" name="formconpaper">
					<div class="test" id="divpaperdetail">
						
					</div>
				</from>
			</div>
			<div style="height:100px">
			</div>
			<footer>
			</footer>
		</div>
		</div>
		<!-- 查看组卷信息-窗End -->
		
		<script src="../layui/layui.js" charset="utf-8"></script>
		<script src="../js/jquery-3.3.1.js"></script>
		<script src="../js/examinationPaperManagement/examinationPaper.js"></script>
	</body>
</html>
